.infoAttestation{
  width: 940px;
  box-sizing: border-box;
  padding: 30px 40px;
  min-height: calc(100vh - 371px);
  .pageTitle{
    position: relative;
    margin-bottom: 10px;
    h1{
      width: 50%;
      font-size: 24px;
      line-height: 33px;
    }
    .back{
      position: absolute;
      right: 0;
      top: 0;
      font-size: 14px;
      line-height: 33px;
      color: $btn-lightBlue-color;
    }
  }
  .titleDes{
    font-size: 14px;
    line-height: 20px;
    color: $save-detail-font-color;
  }
  .noC1{
    .fillInfo{
      margin: 40px auto 0;
      width: 700px;
      min-height: 200px;
      .name-surname{
        width: 100%;
        min-height: 84px;
        .name-surname-left,
        .name-surname-right{
          width: 345px;
          height: 84px;
          display: inline-block;
        }
        .name-surname-left{
          float: left;
        }
        .name-surname-right{
          float: right;
        }
      }
      .certificateTypeDiv{
        padding: 25px 0 0;
        div{
          float: left;
          margin-right: 10px;
          width: 95px;
          line-height: 20px;
          .checkMark{
            margin-right: 10px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            padding: 3px 4px 4px 3px;
            border: 1px solid $choose-methods-radio-color;
            .insideCycle{
              width: 9px;
              height: 9px;
              border-radius: 50%;
              background: $choose-methods-radio-color;
            }
          }
          .select{
            border-color: $btn-lightBlue-color;
            .insideCycle{
              background: $btn-lightBlue-color;
            }
          }
        }
      }
      .countryerrtext{
        color: red;
        line-height: 20px;
      }
    }
    .subDiv{
      margin-top: 40px;
    }
  }
  .hasC1{
    display: flex;
    .c1Info{
      margin: 80px auto 0;
      .informUser{
        font-size: 20px;
        line-height: 28px;
        i{
          margin-right: 10px;
          color: $process-blue-color;
        }
      }
      .name_info{
        margin-top: 30px;
        div{
          float: left;
          &.label, &.cont{
            width: 110px;
            line-height: 40px;
            font-size: 14px;
          }
          &.label{
            margin-right: 40px;
            text-align: right;
            color: $save-detail-font-color;
          }
          &.cont{
            width: 200px;
          }
        }
      }
    }
  }
  .content-block{
    margin-top: 80px;
    padding: 0 80px;
    .upload-img-block{
      margin-bottom: 40px;
      .tit{
        margin-bottom: 10px;
        font-size:14px;
        line-height:20px;
        color: $font-color666;
      }
      .upload-main{
        .remarks{
          margin-bottom: 20px;
          color: $save-detail-font-color;
          font-size:14px;
          line-height:20px;
        }
        .select-fileBtn{
          position: relative;
          float: left;
          width: 256px;
          height: 150px;
          border: 1px solid $dividing-line-color;
          i{
            position: absolute;
            font-size: 41px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: $save-detail-font-color;
          }
          .select_file_input,
          .upload_img,
          .isloading{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 8;
          }
          .select_file_input{
            opacity: 0;
            z-index: 9;
          }
          .upload_img{
            z-index: 8;
            background-size: contain;
            background-position: 50%;
            background-repeat: no-repeat;
          }
          .isloading{
            z-index: 10;
            background: $mask-bg-color;
            line-height: 150px;
            text-align: center;
            font-size: 14px;
            color: $white-color;
          }
        }
        .case{
          float: left;
          margin-left: 60px;
          .case_text{
            margin-right: 20px;
            vertical-align: top;
          }
          .case_img{
            display: inline-block;
            height: 153px;
            border: 1px dashed;
            img{
              height: 100%;
            }
          }
        }
      }
    }
  }
  .button-inline{
    width: 100%;
    text-align: center;
    .submit{
      width: 350px;
      height: 50px;
    }
  }
}
